*{
	margin:0;
	padding:0
	}
.tab{
	width:100%;
	}
.tab-menu{
	width:100%;
	}
.tab-menu ul{
	list-style:none;
	width: 100%;
	padding: 0;
	overflow: hidden;
	}
.tab-menu li{
	padding:.5rem 0;
	display:block;
	width:20%;
	float:left;
	text-align: center;
	display: flex;
	justify-content: center;
	border-bottom: 5px solid #ECECEC;
	border-top: 5px solid #ECECEC;
	background: #fff;
	}
.tab-menu li span{
	display:flex;
	width: 80%;
	font-size: 12px;
	height:2rem;
	align-items: center;
	justify-content: center;
	}
.tab-box>div{
	width:100%;
	display:none;
	}
/* 让第一个框显示出来 */
.tab-box>div:first-Child{
	display:block;
	} 
/* 改变选项卡选中时候的样式 */
.active{
	color:#A50101;
	}
 .active span{
	 color:#A50101;
	 border-bottom: 2px solid #A50101;
	 }
 .order_type{
	 display: flex;
	 margin-top:.5rem;
	 align-items: center;
	 justify-content: center;
 }
  .order_type .order_type_detail{
		background: #fff;
		width:94%;
		margin-left:3%;
		padding: 1rem 3% 1rem 3%;
		border-radius: .5rem;
	}
	.order_type .order_type_detail p{
	   display: flex;
		 justify-content: space-between;
		 
	 }
	 .order_type .order_type_detail p span{
		 font-size: 12px;
	 }
	 .order_type .order_type_detail p span:last-child{
	 		 color:#AE2222;
	 }
	 .order_type .order_type_detail .detail{
		 display: flex;
		 justify-content: space-between;
	 }
	  .order_type .order_type_detail .detail>div:nth-of-type(1){
	 		 width: 21%;
			 display: flex;
			 align-items: center;
			 justify-content: center;
	 }
	 .order_type .order_type_detail .detail>div:nth-of-type(1) img{
	 		 width: 3rem;
			 height:3rem;
	 }
	  .order_type .order_type_detail .detail>div:nth-of-type(2){
	 		 width: 58%;
			 margin: 0 1%;
		
	 }
	   .order_type .order_type_detail .detail>div:nth-of-type(2) span{
			 font-size: 12px;
			 line-height: 1.1rem;
	 }
	  .order_type .order_type_detail .detail>div:nth-of-type(2) p{
	 			 font-size: 12px;
				 color:#C15353;
				 margin:0;
	 }
	  .order_type .order_type_detail .detail>div:nth-of-type(3){
	 		 width: 19%;
			 text-align: right;
	 }
	  .order_type .order_type_detail .detail>div:nth-of-type(3) b{
	 		display: flex;
			justify-content: flex-end;
			align-items: center;
			font-weight: normal;
			font-size: 12px;
	 }
	  .order_type .order_type_detail .detail>div:nth-of-type(3) i{
	 		display: flex;
	 				justify-content: flex-end;
	 			align-items: center;
				font-style: normal;
				font-size: 12px;
	 }
	 	 .order_type .order_type_detail .total{
			 display: flex;
			 justify-content: flex-end;
			 padding-top: 1.5rem;
		 }
		 .order_type .order_type_detail .total p{
			 margin:0;
			 color:#4B4B4B;
			 font-size: 12px;
		 }
		 
		  .order_type .order_type_detail .btn{
		 			 display: flex;
		 			 justify-content: flex-end;
		 			 padding: 1rem 0;
		 }
		 .order_type .order_type_detail .btn button{
		 				border-color:#CE7575;
		 			border-radius: .5rem;
		 			color:#CE7575;
		 			font-size: 12px;
		 			height:1.5rem;
		 			line-height:1.5rem;
		 			padding: 0;
		 			width:4rem;
		 }
		 
		   .order_type .order_type_detail #btns{
		 			 display: flex;
		 			 justify-content: flex-end;
		 			 padding: 1rem 0;
		 }
		 .order_type .order_type_detail #btns button{
		 		    	border-color:#252525;
		 					border-radius: .5rem;
		 					color:#252525;
		 					font-size: 12px;
							height:1.5rem;
							line-height:1.5rem;
							padding: 0;
							margin-left: 0.5rem;
							width:4rem;
		 }
		  .order_type .order_type_detail #btns .act{
		 		    	border-color:#CE7575;
		 					color:#CE7575;
		 }